@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;
    src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);
    src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype')
    ,url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype')
    ,url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')
}
input[type="submit"], input[type="reset"], input[type="button"], button {  -webkit-appearance: none;  }
html{font-family: Tahoma,"Calibri","微软雅黑","宋体",FontAwesome;}
@media screen and (min-width:760px) and (max-width:1440px) {  html { font-size:14px; }}
@media screen and (min-width:1440px)  {  html { font-size:16px;}}
body{ background-color: #fff; line-height:1.5;color:#333;font-size:1rem; min-width: 980px;}

a,a:visited,a:active{ color:#333}
a:hover{ color:#315c6e;}
div{margin:0px auto;}
.page{ padding: 50px 20px;}
@media  (max-width:1000px) {
    .container {
        width: 960px;
        margin: 0 auto;
    }
}
.lsideBox{ width:290px; flex: none;}
.flex>.rmainBox
,.rmainBox{ flex: auto; margin-left: 2rem;}

.head-top{ background-color: #f6f6f6; padding: 20px; line-height: 1; }
.head-top .flex{justify-content: space-between;}

.head-top .topnav{}
.head-top .item{ position: relative; margin-right: 20px; }
.head-top .item a{color:#333;}
.head-top .item:before{ content: ""; position: absolute; top:0; right:-10px; width:0; height: 100%; border-left: 1px solid #5a5a5a;  }
.head-top .item:last-child{ margin-right: 0;}
.head-top .item:last-child:before{ border-left: 0;}

@media (max-width:780px) {
    .top{ height: 50px; line-height: 50px; padding: 0 10px;}
    .top .welcome{ float: none; white-space: nowrap; overflow: hidden;}
    .top .tools { float: none; display: none;}
}
.logo-company-tel { padding: 20px 0; }
.logo-company-tel .container{ justify-content: space-between;}
.logo-company{ flex: auto;}
.logo-company .logo{ flex: none; }
.logo-company .companybox{flex:auto;  margin-left: 20px; position: relative;}
.logo-company .companybox .name{ font-size: 24px; line-height: 1.5; color:#000; font-weight: normal; position: absolute; left:0; bottom:52%;}
.logo-company .companybox .desc{ font-size: 18px; line-height: 1.5; color:#666;  position: absolute; left:0; top:52%; }
.logo-company .telbox{ flex: none;  position: relative; padding-left: 60px;min-width:300px; }
.logo-company .telbox:before{ content: url("../images/wem.png"); position: absolute; left:0; top:50%; transform:translateY(-50%); }
.logo-company .telbox .tel{ font-size: 24px; line-height: 1; color:#000; font-weight: normal; position: absolute; top:54%; left:60px; white-space: nowrap; }
.logo-company .telbox .txt{ font-size: 16px; line-height: 1; color:#666; position: absolute; bottom:54%; left:60px; white-space: nowrap;}


.navbox  { height: 50px; line-height: 50px; background-color: #333; }
.navbox .am-sticky{height: 50px; border-bottom: 1px solid #333;}
.navbox  .navul1{z-index: 2; justify-content: space-between;}
.navbox  .navli1{ flex: auto; position: relative; }
.navbox  a.nava1{ color:#fff; font-size: 18px; display: block; width:100%; height: 100%; text-align: center; }
.navbox  .navli1:hover .navul2{top: 100%; opacity: 1; visibility: visible; }
.navul1 .navli1.active  { color:#000; background-color:#315c6e; }
.navul1:hover .navli1 {background-color:#333}
.navul1 .navli1:hover   { background-color:#315c6e;}
.navbox   .navul2{ z-index: 999999; min-width:100%; max-width:200%; position: absolute;  left:0; top: 200%; padding-top:10px;   opacity: 0; visibility: hidden; transition: 200ms;}
.navbox   .navul2 .navli2{ background-color:#315c6e;}
.navbox   .navul2  a.nava2 { color:#fff; font-size: 16px; text-indent: 10px; display: block; width:100%; height: 50px; line-height: 50px;border-bottom: 1px solid #dcdcdc;  padding-right:10px;  }
.navbox   .navul2  a.nava2:hover{ background-color: rgba(35,35,35,0.8);}

.index-pro
,.index-device
,.index-fa
    ,.index-baozhang
    ,.index-zhengshu
    ,.index-liucheng
,.index-cases
,.index-news
,.index-news2
,.index-about
{ padding-top: 4rem ; }
.index-pro .titlebox .title
,.index-device .titlebox .title
,.index-companydata .titlebox .title
,.index-fa .titlebox .title
,.index-baozhang .titlebox .title
,.index-zhengshu .titlebox .title
,.index-liucheng .titlebox .title
,.index-cases .titlebox .title
,.index-news .titlebox .title
,.index-news2 .titlebox .title
,.index-about .titlebox .title
{ font-weight: bold; font-size: 2.12rem; color:#333; text-align: center; letter-spacing: 2px;}
.index-pro .titlebox .desc
,.index-device .titlebox .desc
,.index-companydata .titlebox .desc
,.index-fa .titlebox .desc
,.index-baozhang .titlebox .desc
,.index-zhengshu .titlebox .desc
,.index-liucheng .titlebox .desc
,.index-cases .titlebox .desc
,.index-news .titlebox .desc
,.index-news2 .titlebox .desc
,.index-about .titlebox .desc
{font-size: 1.12rem; color:#666; text-align: center; }

.index-pro .list{ margin-top: 2.5rem; flex-wrap: wrap; }
.index-pro .list .item{ width:33.33%;}
.index-pro .list .item .mainbox{ max-width: 96%; margin-bottom: 1.5rem; position: relative; transition: 500ms;}
.index-pro .list .item .title{ visibility: visible; opacity: 1; transition: 500ms; overflow: hidden; white-space: nowrap; width:100%; padding: 0 2rem; text-align: right;line-height: 3;  position: absolute; bottom:0; left:0; background-color: rgba(49,92,110,0.5); color:#fff;  font-weight: bold; }
.index-pro .list .item .mainbox:hover{ transform: translateY(-1rem); box-shadow: 0.5rem 1rem  0.5rem 0 rgba(49,92,110,0.5);}
.index-pro .list .item .mainbox:hover .title{   }

.index-device .list{ margin-top: 2.5rem; flex-wrap: wrap; }
.index-device .list .item{ width:25%; text-align: center; position: relative;}
.index-device  .item:before{ content: ""; width:0; height: 100%; border-left:2px solid #eee; position: absolute; right:0; top:0; transform: translate(-50%,0); }
.index-device  .item:last-child:before{ border: 0;}
.index-device  .item .txt{ margin-top: 1.5rem; width:15rem;}
.index-device  .item .title{ font-size: 1.25rem; padding-bottom:1rem; margin-bottom: 1rem; position: relative; }
.index-device  .item .title:before{ content: ""; width:60%; height: 0; border-bottom: 8px solid #315c6e; position: absolute; left:50%; bottom:0rem; transform: translate(-50%,50%);}
.index-device  .item .desc{ font-size: 0.9rem;}



.index-companydata{ margin-top: 4rem; padding: 2rem; color:#fff; background-position: center top;  }
.index-companydata .titlebox .title
,.index-companydata .titlebox .desc{ color:#fff;}
.index-companydata .list{ margin-top: 2rem; justify-content: center;}
.index-companydata .item{ padding: 0 3rem; text-align: center; position: relative;}
.index-companydata  .item:before{ content: ""; width:0; height: 100%; border-left:2px dashed #ccc; position: absolute; right:0; top:0; transform: translate(-50%,0); }
.index-companydata  .item:last-child:before{ border: 0;}
.index-companydata .item .data{ font-size: 2rem; font-weight: bold;}
.index-companydata .item .name{ font-size:1.125rem;}

.index-fa .mainbox{ margin-top: 2rem; overflow: hidden; }
.index-fa  .bar-box{ margin: 1rem 0; justify-content: center;}
.index-fa  .bar-box .bar{ line-height: 1; padding: 1.5rem 3rem; color:#000; background-color: #ccc; font-size: 1.125rem; position: relative;}
.index-fa  .bar-box .bar:before{ content: ""; width:0; height: 100%; border-left: 4px solid #fff; position: absolute; right:0; top:0; transform: translate(50% ,0);}
.index-fa  .bar-box .bar:last-child:before{ border: 0;}
.index-fa  .bar-box .bar.on{ color:#fff; background-color: #000;}

.index-fa .pannel { position: relative;}
.index-fa .txtbox { position: absolute; right:10%; top:10%;  max-width: 40%; max-height: 80%; padding: 2.5rem 1.5rem; background-color: #333; color:#fff; }
.index-fa .txtbox .txtli{ margin-bottom: 1rem;}
.index-fa .txtbox .txtli .info{ font-size: 0.9rem; line-height: 1.5rem;}
.index-fa  .fangana{ color:#333; background-color: #fff; padding: 0.5rem 1rem; display: inline-block; }

.index-baozhang{ background-color: #f6f6f6; padding: 4rem 0; margin-top: 4rem;}
.index-baozhang .list{ margin-top: 2rem; justify-content: space-between;}
.index-baozhang .item{ background-color: #fff; overflow: hidden; max-width: 24%; }
.index-baozhang  .txt{ padding: 1rem 0}
.index-baozhang  .txt .title{ font-size:1.25rem; font-weight: bold; line-height: 2.5rem; text-align: center;   }
.index-baozhang  .txtli{ font-size: 0.8rem; line-height: 2; padding: 0 1rem;}
.index-baozhang  .txtli:before{ content: "\f005"; margin-right: 0.5rem;}
.index-baozhang .item:hover .txt{ background-color: #333; color:#fff;  }

.index-about{ color:#fff; background-color: #fff; background-position: center top; background-repeat: repeat-y;  padding: 4rem 0;}
.index-about .titlebox .title
,.index-about .titlebox .desc{
    color:#fff;
}
.index-about .maincontent{ margin-top: 2rem;}
.index-about .left{ flex: none; padding: 3px; max-width: 45%;  }
.index-about .left img{ border-radius: 10px ; box-shadow:  0 0 0 3px #eee;  }
.index-about .right{ flex: auto; margin-left: 2rem; position: relative;}
.index-about .right .companyname{ font-size: 1.5rem; margin-bottom: 1rem; }
.index-about .btn { position: absolute; left:0; bottom:0;}
.index-about .btna{ line-height: 1; padding: 0.8rem 2rem; border-radius: 10px; border: 2px solid #fff; display: block; color:#fff;}

.index-zhengshu .contentbox{ overflow: hidden; margin-top: 2rem; max-width: 100%;}
.index-zhengshu  .list{ flex-wrap: nowrap;}
.index-zhengshu  .item{ padding: 0 10px; flex: none;}
.index-zhengshu .item .title{ line-height: 3; text-align: center;}

.index-liucheng { margin-top: 4rem; padding: 4rem 0; color:#fff;}
.index-liucheng .titlebox .title
,.index-liucheng .titlebox .desc
{ color:#fff;}
.index-liucheng  .liucheng{ margin-top: 2rem; text-align: center;}
.index-liucheng  .dh{ margin-top: 3rem; text-align: center;}
.index-liucheng  .tel{ font-size: 1.5rem;}

.index-cases{  padding: 4rem 0; background-color: #f6f6f6;}
.index-cases .mainbox{ margin-top: 2rem;}
.index-cases .barul{ justify-content: center; margin-bottom: 2rem;}
.index-cases .barli{ line-height: 1; padding: 1rem 3rem; background-color: #ccc; position: relative;}
.index-cases .barli:before{ content: ""; width:0; height: 100%; position: absolute; top:0; right:0; border-left:2px solid #fff; transform: translateX(50%);}
.index-cases .barli:last-child:before{ border: 0;}
.index-cases .barli.on{ background-color: #333; color:#fff;}
.index-cases  .pannel{ justify-content: space-around;}
.index-cases  .pannel .item{ background-color: #fff; max-width: 49%;}
.index-cases  .pannel  .itembox{ max-width: 100%;}
.index-cases  .pannel .txt{ padding: 1rem 2rem; }
.index-cases   .itemtitle{ font-size: 1.5rem; font-weight: bold; line-height:3rem;  }
.index-cases  .itemdesc{font-size: 1rem; -webkit-line-clamp:5; line-height: 2rem; height: 10rem; }
.index-cases  .pannel .item:hover .txt{ background-color: #333; color:#fff;}

.index-news .container{ justify-content: space-between;}

.index-news .newsleft{width:70%;}
.index-news .newsright{width:25%;}
.index-news  .newstitle { padding-bottom: 1rem; border-bottom: 1px  solid #d1cfcd; position: relative;}

.index-news .newstitle  .title{ padding: 0 1rem; height: 2.5rem; line-height: 2.5rem; position: relative;}
.index-news  .titlebar .title.curr:before{ content: ""; width:100%; height: 0; border-bottom: 2px solid #315c6e; position: absolute; left:0; bottom:-1rem; }
.index-news  .titlebar .title.curr a{ color:#315c6e;}
.index-news .newstitle .newsmore{height: 2.5rem; line-height: 2.5rem; position: absolute; top:0; right:1rem; }
.index-news .newsbox{ margin-top: 2rem;}
.index-news .newsbox .newsfirst{ flex: none; max-width: 50%;}

.index-news  .pic { flex:none; box-shadow: 0 0 0 2px #eee;}
.index-news  .txt{ flex:auto;  position: relative;}
.index-news   .title{ font-weight: bold; height: 2.5rem; line-height: 2.5rem; }
.index-news  .txt .desc {-webkit-line-clamp:4; font-size: 0.9rem; line-height: 1.5rem; height: 6rem; overflow: hidden;}
.index-news   .time{font-size: 0.9rem; height: 2.5rem; line-height: 2.5rem; position: absolute; top:0px; right:1rem;}
.index-news .newsa{ width:calc(100% - 7rem);}
.index-news .info{ position: absolute; left:0;bottom:1rem;}
.index-news .infoa{display: block; line-height: 1; padding: 0.5rem 1.5rem; background-color:#315c6e; color:#fff; border-radius: 5px; }

.index-news .newsleft .list{ flex: auto; margin-left: 1rem;  }
.index-news .newsleft .item{  padding-left: 1rem; height: 2.5rem; line-height: 2.5rem; border-bottom: 1px dashed #eee; position: relative; }
.index-news .newsleft .item:before{content: "\f054"; color:#315c6e; font-size: 0.8rem; line-height: 1; position: absolute; left:0rem; top:50%;  transform: translate(-0%,-50%);}
.index-news .newsright .newsbox{ height: 24rem; overflow: hidden;}
.index-news .newsright .item{ padding-bottom: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px dashed #eee; }
.index-news .newsright .title{ position: relative; padding-left: 1.5rem;}

.index-news .newsright .desc{ position: relative; padding-left: 1.5rem; font-size: 0.9rem; line-height: 1.5rem; height: 4.5rem; -webkit-line-clamp:3; overflow: hidden}
.index-news .newsright  .item .title:before
,.index-news .newsright  .item .desc:before
{ content: "Q"; font-size: 0.8rem; font-weight: normal; text-align: center;  line-height: 1rem; width:1rem; height: 1rem; background-color:#484747; color:#fff;  position: absolute; left:0; top:50%;  transform: translate(0%,-50%); }
.index-news .newsright  .item .desc:before{ content:"A";background-color:#315c6e;   top:0.25rem;  transform: translate(0%,0%);  }

.index-news2 .maincontent{ margin-top: 2rem; justify-content: space-between;}
.index-news2 .newsul{ max-width: 32%;}
.index-news2 .item{ border-bottom: 1px dashed #ccc;}
.index-news2 .top{ margin-bottom: 1rem;}
.index-news2 .top .pic{ position: relative;box-shadow: 0 0 0 2px rgba(49,92,110,0.5);}
.index-news2 .top .pic .img{ }
.index-news2 .top .columnname{ position: absolute; width:100%; left:0; bottom:0; background-color:rgba(49,92,110,0.8) ; font-weight: bold; letter-spacing: 2px; color:#fff; line-height: 1; padding: 1rem 0; text-align: center; }
.index-news2 .top .txt{ margin-top: 1rem;}
.index-news2 .top .title{ font-size: 1.1rem;}
.index-news2 .top .time{ font-size: 0.85rem; color:#ccc;}
.index-news2 .top  .desc {-webkit-line-clamp:3; font-size: 0.9rem; line-height: 1.5rem; height: 4.5rem; overflow: hidden;}
.index-news2 .other{position: relative; font-size: 1rem; height: 2.2rem; line-height: 2.2rem; justify-content: space-between; }
.index-news2 .other:before{content: "\f054"; color:#315c6e; font-size: 0.8rem; line-height: 1; position: absolute; left:0rem; top:50%;  transform: translate(-0%,-50%);}
.index-news2 .other .title{ text-indent: 1rem; margin-right: 1rem; flex: auto; overflow: hidden;}
.index-news2 .other .time{ font-size: 0.85rem;  color:#ccc; flex: none;}
.index-link {margin-top: 2rem; background-color: #f6f6f6; padding: 1rem 0;}
.index-link .titlelink { font-size: 1.5rem; line-height: 1.2; letter-spacing: 5px;  flex: none;}
.index-link  .txtlink{ justify-content: flex-start; flex-wrap: wrap; flex:auto;}
.index-link  .linka{ display: block; padding: 0.5rem 0.5rem; margin:0 0.5rem; line-height: 1;}

.footer{ padding: 3rem; background-color: #262626; color:#fff;}
.footer .container{ justify-content: space-around;}
.footer .footnava{ color:#fff; height: 2rem; line-height: 2rem; display: block;}
.footer .self .footnava{ color:rgba(255,255,255,0.8); font-size: 1.4rem; height: 3rem; line-height: 3rem;}
.footer .contact{ max-width: 12rem;}
.footer .qrcode .txt{ text-align: center;}


.footer2{ padding: 3rem; background-color: #262626; color:#fff;}
.footer2 .container{ justify-content: space-around;}
.footer2 .footernav .footnavul{ display: flex; -ms-display:flex;}
.footer2 .footernav  .footnavli{width:5rem; max-width:6rem; margin-right: 1rem;}
.footer2 .footernav .footnavul .footnavli:last-child{margin-right:0; }
.footer2 .footnava{ color:#fff; height: 2rem; line-height: 2rem; display: block; white-space: nowrap; overflow: hidden; max-width: 100%; text-overflow: ellipsis; }

.footer2 .contact{ max-width: 20rem;}
.footer2 .qrcode .txt{ text-align: center;}
.tags-box .list-1 {
  padding: 20px;
  font-size: 14px;
  justify-content: space-between; }

.tags-box .list-1 .item-a {
  width: 95%;
  display: block;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px dashed #eee; }

.tags-box .roll-box {
  overflow: hidden; }

.tags-box .roll-box .list-2 {
  padding: 20px 0;
  text-align: center; }

.tags-box .roll-box .list-2 .outer-div {
  margin: 0 5px;
  display: block; }
  
    .page-list-box .list-city .item {
    padding: 10px 0; }
.page-list-box .list-city .item .outer-div {
    height: 60px;
    overflow: hidden;
    background-color: #f7f7f7; }
.page-list-box .list-city .item .city {
    width: 150px;
    text-align: center;
    flex: none;
    display: flex;
    align-items: center;
    line-height: 30px;
    padding: 0 10px;
    font-size: 18px;
    background-color: #1048a0;
    color: #fff; }
.page-list-box .list-city .item .title {
    padding: 0 20px;
    line-height: 60px;
    width: 200px;
    flex: auto; }
.page-list-box .list-city .item .time {
    padding: 0 10px;
    line-height: 60px;
    flex: none; }

.copyright{ background-color: #262626; color:#fff; text-align: center;}
.copyright .container{padding: 1rem; border-top: 1px solid #454545;}
.copyright a{ color:#fff;}

.top-search { justify-content: space-between; padding: 1rem 0;}
.top-search .keys{ flex: auto; margin-right: 2rem; line-height: 2rem;}
.top-search  .keyitem{ padding: 0 0.5rem; font-size: 1rem; position: relative;  }
.top-search  .keyitem:before{ content: ""; width:0; height: 0.8rem; border-right: 1px solid #333; position: absolute; top:50%; right:0; transform: translate(50% ,-50%);}
.top-search  .keyitem:last-child:before{ border: 0;}

.top-search .searchform{ flex: none;}
.top-search  .searchformform{ height: 2rem; line-height: 2rem;}
.top-search  .searchword{ margin: 0; border: 0; height: 2rem; line-height: 2rem; outline: 0; border: 1px solid #eee; border-radius: 1rem; border-bottom-right-radius: 0; border-top-right-radius: 0;  padding: 0 0.5rem 0 1.5rem;}
.top-search  .searchformform .searchgo{ height: 2rem; line-height: 2rem;border: 1px solid #eee; background-color: #eee; color:#333; padding: 0 1rem; border-radius: 1rem; border-bottom-left-radius: 0; border-top-left-radius: 0;  }

.currlocatinon{ padding: 1rem 0; font-size: 1rem; border-bottom: 1px dashed #ccc;}


.sidenav .title{ font-size: 1.5rem; padding: 2rem 0; text-align: center; color:#fff; background-color:#315c6e; letter-spacing: 1px; font-weight: bold; }
.sidenav .sidenavul2{ background-color: #f2f2f2; border: 1px solid #e8e8e8; padding: 1rem 2rem;}
.sidenav  .sidenava2{text-indent: 2rem; margin: 0.5rem 0;  background-color: #5a5a5a; color:#fff; display: block; height: 3rem; line-height: 3rem;  border-radius: 5px;}
.sidenav  .sidenava3{ display: block; font-size: 0.9rem; line-height: 1; padding: 0.5rem 0; text-indent: 2rem; border-bottom: 1px dashed #ccc;}
.sidecontact-box{ color:#fff; background-color:#315c6e; padding: 2rem 1rem;}
.sidecontact-box .title{ font-size: 1.5rem; font-weight: bold; line-height: 2; text-align: center;}
.sidecontact-box .sidecontact{ font-size: 0.9rem; line-height: 2;}

.aboutpage{ padding-top: 2rem;}

.newspage .newsList{ }
.newspage .newsList .img{ flex: none;}
.newspage .newsList  .item{ margin:30px 0; padding: 20px; background-color: #f6f6f6; transition: 500ms;}
.newspage .newsList  .item:hover{ transform: translateY(-1rem); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);}
.newspage .newsList  .content{ margin-left: 2rem; flex: auto; position: relative;}
.newspage .newsList  .content .title{ font-size: 1.2rem; line-height: 2rem;}
.newspage .newsList  .content .time{ position: absolute; top:0; right:0; padding: 0 0.5rem; height: 2rem; line-height: 2rem;}
.newspage .newsList  .content .desc{ margin-top: 1rem;}

.shownewpage{}
.shownewpage .shownewstitle{ font-size: 1.2rem; height: 5rem; line-height: 5rem; text-align: center; color:#333;  }
.shownewpage .time{ padding-bottom: 2rem; line-height: 1; text-align: center;color:#666;  }
.shownewpage .shownewscontent{ padding: 2rem; border: 1px solid #f6f6f6;}

.imgpage  .imglist { flex-wrap: wrap; margin-top: 2rem;}

.imgpage  .imglist .promain{position: relative; margin-bottom: 2rem;}
.imgpage  .imglist .promain:before{ content: ""; width:calc(100% + 10px); height:calc(100% + 10px); border: 1px solid #f6f6f6; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index: -1; }
.imgpage  .imglist .promain .title{ height: 5rem; line-height: 5rem; text-align: center;}
.imgpage  .imglist .promain .pic{ overflow: hidden;}
.imgpage  .imglist .promain img{ transition: 500ms;}
.imgpage  .imglist .promain:hover img{ transform: scale(1.1);}

.imgshowpage   .title-box{ font-size: 2rem;padding: 2rem; text-align: center;}
.imgshowpage   .imgbox{ padding: 2rem; flex-direction: row; justify-content: center;}
.imgshowpage   .imgbox .imglist{ margin-left: 2rem;}
.imgshowpage   .imgbox .imglist li{ border: 1px solid #f6f6f6; margin: 10px 0;}
.imgshowpage   .imgbox .imglist li.curr{border-color:#315c6e;  }
.imgshowpage  .protabbar_div{ line-height: 2.5; border-bottom: 1px solid #f6f6f6;}
.imgshowpage  .protabbar_div .tabli{ font-size: 1.5rem;}
.imgshowpage    .contentpanel{ margin-top: 2rem; line-height: 2;}




.productpage  .productlist  { flex-wrap: wrap; margin-top: 2rem;}
.productpage  .productlist  .item{ width:33.33%; margin-bottom: 1rem;}
.productpage  .productlist  .promain{position: relative; margin-bottom: 2rem; max-width: 98%;  }
.productpage  .productlist  .promain:before{ content: ""; width:calc(100% + 10px); height:calc(100% + 10px); border: 1px solid #f6f6f6; box-shadow: none; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index: -1;transition: 500ms; }
.productpage  .productlist  .promain .title{ height: 5rem; line-height: 5rem; text-align: center;  font-size: 1.2rem;}
.productpage  .productlist  .promain .pic{ overflow: hidden; background-color:#f6f6f6; }
.productpage  .productlist  .promain img{ transition: 500ms;}
.productpage  .productlist  .promain:hover{ transform: translateY(-1rem);}
.productpage  .productlist  .promain:hover:before{width:100%; height: 100%; border-color: transparent; box-shadow: 5px 10px 10px 0px rgba(0,0,0,0.3);  }
.productpage  .productlist  .promain:hover img{ transform: scale(1.1);}

.productshowpage{ margin-top: 2rem;}
.productshowpage .imgAndTitle{ margin-bottom: 2rem;}
.productshowpage .imgAndTitle .imgbox{ flex: none;}
.productshowpage .imgAndTitle .title-box{ margin-left: 1rem; flex: auto;}
.productshowpage .imgAndTitle  .pro-title{ text-align: center; font-weight: bold; font-size: 1.2rem; line-height: 1;}
.productshowpage  .imgAndTitle .para{ margin-top: 2rem;}
.productshowpage  .pro-imglist .item{ padding: 3px;  cursor: pointer;}
.productshowpage  .pro-imglist .img{ box-shadow: 0 0 0 1px #eee;}
.productshowpage  .pro-imglist .curr .img{ box-shadow: 0 0 0 1px #315c6e;}
.productshowpage .paraitem{ line-height: 2.5rem;}
.productshowpage .paraitem .name{ width:5rem; flex: none;}
.productshowpage .paraitem .info{ border-bottom: 1px solid #eee; flex: auto;}
.productshowpage .bdsharebuttonbox{margin-top: 1rem; padding-left: 5rem; }
.productshowpage .tabname{ font-size: 1.25rem; line-height: 3rem; color:#315c6e; font-weight: bold;}
.productshowpage .tabname:before{ content: ">>"; margin-right: 0.5rem;}
.productshowpage  .tabcontent{ margin-bottom: 2rem;}


.btnpre:before
,.btnnext:before
{ content: "\f137"; font-size: 2rem; color:#315c6e; line-height: 1; cursor: pointer; }
.btnnext:before{content: "\f138"; }
.btnpre{left:0; top:50%; transform: translate(-100%,-50%);}
.btnnext{ right:0; top:50%; transform: translate(100%,-50%);}

.sitemappage  .sitemap{ padding: 2rem;}
.sitemappage  .sitename{ font-weight: bold; font-size: 2rem; line-height: 3rem; height: 3rem; text-align: center;}
.sitemappage  .navul{ padding-top: 1rem; overflow: hidden; flex-wrap: nowrap;}
.sitemappage  .navul .navli{ padding-right: 1rem; flex: none;}
.sitemappage  .navul .navli_first{ font-weight: bold; }
.sitemappage .dataul  { flex-wrap: wrap; padding: 1rem ; border: 1px dotted #eee; }
.sitemappage .dataul .datali{ width:19%; margin-right: 1%}

.bdmapdiv img{ max-width: 1000%; }
.bdmapdiv { justify-content: space-between;}
.bdmapdiv .bdmap{ flex: auto;}
.bdmapdiv .pointlist{ flex: none; padding: 1rem; padding-right: 0;}

.onlinefixed{ position: fixed; right:0px; top:200px; transform:translateX(calc( 100% - 60px)); transition: 500ms; }
.onlinefixed .item{ margin: 5px 0px;  border-radius: 2px; background-color: #315c6e; color:#fff; position: relative; min-height: 54px; line-height: 54px; text-indent: 60px; padding-right: 10px; }
.onlinefixed .item a{ color:#fff; width:100%; display: block; }

.onlinefixed .item:before{ content:"\f110"; text-align: center; font-size: 30px; width:60px; height: 54px; line-height: 54px; display: block;  color:#fff; position: absolute; top:0; left:0; text-indent: 0; }
.onlinefixed .qq.item:before{content:"\f1d6";}
.onlinefixed .tel.item:before{content:"\f095";}
.onlinefixed .mail.item:before{content:"\f0e0";}
.onlinefixed .qrcode.item:before{content:"\f029";}
.onlinefixed .qrcode.item{ text-indent: 0; text-align: center;}
.onlinefixed .qrcode.item .qr_img{width:0; height: 0;  transition: 500ms;}
.onlinefixed .qrcode.item span{ position: absolute; top:0; left:0;text-indent: 60px; }
.onlinefixed .top.item:before{ content:"\f048"; transform:rotate(90deg) }
.onlinefixed:hover{ transform:translateX(0px); }
.onlinefixed:hover .qrcode.item  .qr_img{ padding-top: 60px; padding-bottom: 10px;  width:120px; height: auto;  margin: 0 auto;}

/*searchpage page*/
.searchpage  .pagelist .item{ height: 40px; line-height: 40px; border-bottom: 1px solid #eee;}
/*searchpage page end*/